<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<script type="text/javascript" src="../static/js/jquery.min.js"></script>
		<script type="text/javascript" src="../static/js/script.js"></script>
		<script type="text/javascript" src="../static/js/template.js"></script>
		<link rel="stylesheet" href="../static/font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="../static/css/style.css">
		<style type="text/css">
			body{
				background: url(../static/img/login1.jpg)no-repeat;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			#main{
				height: 400px;
				width: 800px;
				margin-top: 200px;
				display: flex;
				border-radius: 20px;
			
		
			}
			.content{
				flex: 4;
				background: url(../static/img/login2.jpg)no-repeat 100% 100%;
			}
			#inner{
				flex: 5;
				background-color: #fff;
				display: flex;
				padding:60px 0;
			 flex-direction: column;
			 justify-content: space-between;
			 align-items: center;
			}
			#yonghu{
				width: 300px;
				height: 40px;
				border-radius: 10px;
				}
			#passport{
				width: 300px;
				height: 40px;
				border-radius: 10px;
				
			}
			button{
				border-style: none;
				width: 300px;
				height: 40px;
				background-color: #b1cf55;
				color: #fff;
				font-size: 18px;
				border-radius: 10px;
			}
			h1{
				font-size: 23px;
				font-weight:500 ;
			}
			input-placeholder{
				color: red;
			}
		</style>
	</head>
	<body>
		
		<div style="width: 200px;height: 200px;border-radius: 20px;">
			000
		</div>
		
		<div id="main">
			<div class="content">
				
			</div>
			<div id="inner">
				<h1>用户登录</h1>
				<input type="" name="" id="yonghu" value="" placeholder="请输入用户名" placeholder-class="input-placeholder" />
				<input type="password" name="" id="passport" value="" placeholder="请输入密码" />
				<button type="button">立即登录</button>
			</div>
		</div>
		
		
		
	</body>
</html>
<script type="text/javascript">
	
</script>
